.entrust {
  width: 100%;
  height: 100%;

  .entrust_header {
    width: 95%;
    height: 50px;
    margin: 0 auto;

    button {
      border: 1px solid #c0ccdd;
      padding: 3px 10px;
      border-color: #c0ccdd !important;
      background: #eaf2ff !important;
      background-image: linear-gradient(#f9fdff, #e9f4ff, #f9fdff) !important;
      color: #001529 !important;
      margin-top: 1%;
      margin-right: 3%;
      border-radius: 3px;
    }

    button:hover {
      background-image: linear-gradient(#b2ddff, #7bbdff, #b2ddff) !important;
    }
  }

  .entrust_control {
    width: 95%;
    margin: 0 auto;
    height: calc(100% - 50px);

    .entrust_control_left {
      width: 50%;
      height: 100%;
      float: left;
    }

    .entrust_control_right {
      width: 50%;
      height: 100%;
      float: right;

      > ul {
        width: 100%;
        height: 250px;
        list-style: none;

        li {
          margin-bottom: 3%;

          label {
            display: inline-block;
            width: 80px;
            text-align: right;
          }
        }
      }

      .entrust_control_right_table {
        width: 100%;
        height: 150px;

        // display: flex;
        > table {
          width: 100%;
          height: 80%;
          border: 1px solid #c0ccdd;

          > thead {
            width: 100%;
            height: 70%;
            display: flex;

            > tr {
              width: calc(100% / 7);
              height: 50%;
              text-align: center;
              border: 1px solid #c5dbec;
              line-height: 40px;
              background-color: #ebf2fc;
            }
          }
        }
      }
    }
  }
}
